﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="css/font-awesome.min.css" rel="stylesheet" />
    <link href="css/font-awesome-ie7.min.css" rel="stylesheet" />
    <link href="css/g.css" rel="stylesheet" />
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var $selectFocus = $(".select-focus");
            $selectFocus.bind("click", function () {
                $selectFocus.removeClass("select");
                $(this).addClass("select");
            });
        });
    </script>
</head>
<body class="bgc1">
    <div class="l-m-top">
        <div class="l-logo">乐订货</div>
        <a href="#" class="cur">订单</a>
        <a href="#">商品<i class="war">&nbsp;3338&nbsp;</i></a>
        <a href="#">资金</a>
        <a href="#">促销<i class="war empty"></i></a>
        <a href="#">通知</a>
    </div>
    <div class="l-m-left bgc5">
        <a href="#" class="a1 cur">我的订货单(200)<i class="war">&nbsp;3338&nbsp;</i></a>
        <a href="#" class="a1">我的退货单(56)<i class="war empty"></i></a>
        <a href="#" class="a1">出库/发货记录</a>
        <a href="#" class="a1">订单商品统计</a>
    </div>
    <div class="l-m-right">
        <div class="r-condition">
            <div class="r-c-list">
                筛选:<span class="r-c-selected">全部订单</span><a class="r-c" href="#">待处理订单</a><a class="r-c" href="#">未完成订单</a>
            </div>
            <div class="r-c-search fr">
                <label class="relative fl">
                    <input class="inp-text bc1" type="text" /><a href="javascript:void(0)" class="fa fa-search absolute c5"></a>
                </label>
                <a href="javascript:void(0)" class="senior-search fl">高级<br />搜索</a>
            </div>
        </div>

        <div class="l-m-table">
            <table>
                <tr class="bgc3">
                    <th>单号/下单时间</th>
                    <th>代理商名称</th>
                    <th>金额</th>
                    <th>出库/发货</th>
                    <th>审核状态</th>
                    <th>付款状态</th>
                    <th>操作</th>
                </tr>
                <tr>
                    <td>DH-O-20150414-015101<br />2015-04-14 16:24</td>
                    <td>￥1,776.00</td>
                    <td>订货客户</td>
                    <td>已出库/已发货</td>
                    <td>待收货确认</td>
                    <td>付款待审核 </td>
                    <td>订单详情 付款</td>
                </tr>
                <tr>
                    <td>DH-O-20150414-015101<br />2015-04-14 16:24</td>
                    <td>￥1,776.00</td>
                    <td>订货客户</td>
                    <td>已出库/已发货</td>
                    <td>待收货确认</td>
                    <td>付款待审核 </td>
                    <td>订单详情 付款</td>
                </tr>
                <tr class="l-page">
                    <td colspan="7">
                        共计：<em class="c7">100</em>条&nbsp;&nbsp;每页显示
                        <select>
                            <option value="10">10</option>
                            <option value="20">20</option>
                            <option value="30">30</option>
                            <option value="50">50</option>
                        </select>&nbsp;&nbsp;
                        第<input class="inp-text bc1" type="text" />页&nbsp;&nbsp;
                        共<em class="c7">10</em>页
                        <a href="javascript:void(0)" class="l-btn page a3 fa fa-angle-double-left c5"></a>
                        <a href="javascript:void(0)" class="l-btn page a3 fa fa-angle-double-right c5"></a>
                    </td>
                </tr>
            </table>
        </div>
        
        <div class="l-m-form">
            <div class="form-item">
                <label class="c5">代理商名称:</label>
                <div class="content relative">
                    <input class="inp-text bc1 down bgc5" disabled="disabled" type="text"/><a href="javascript:void(0)" class="fa absolute fa-angle-down block c5"></a>
                </div>
            </div>
            <div class="form-item">
                <label class="c5">发票类型:</label>
                <div class="content">
                    <label for="radio1" class="c5"><input class="inp-radio bc1" id="radio1" name="group1" type="radio" />不开发票</label>
                    <label for="radio2" class="c5"><input class="inp-radio bc1" id="radio2" name="group1" type="radio" />普通发票</label>
                    <label for="radio3" class="c5"><input class="inp-radio bc1" id="radio3" name="group1" type="radio" />增值税发票</label>
                </div>
            </div>
            <div class="form-item l-m-table form">
                <table>
                    <tr class="bgc3">
                        <th></th>
                        <th></th>
                        <th>商品</th>
                        <th>数量</th>
                        <th>单位</th>
                        <th>单价</th>
                        <th>小姐</th>
                        <th>备注</th>
                    </tr>
                    <tr>
                        <td class="bgc3">1</td>
                        <td>
                            <a href="javascript:void(0)" class="fa fa-plus inline-block c5"></a>
                            <a href="javascript:void(0)" class="fa fa-minus inline-block c5"></a>
                        </td>
                        <td><input type="text" class="inp-text full bgc1" /></td>
                        <td><input type="text" class="inp-text full bgc1" /></td>
                        <td><span class="select-focus"></span></td>
                        <td><span class="select-focus"></span></td>
                        <td><span class="select-focus"></span></td>
                        <td><span class="select-focus"></span></td>
                    </tr>
                    <tr>
                        <td class="bgc3">2</td>
                        <td>
                            <a href="javascript:void(0)" class="fa fa-plus  inline-block c5"></a>
                            <a href="javascript:void(0)" class="fa fa-minus inline-block c5"></a>
                        </td>
                        <td><input type="text" class="inp-text full bgc1" /></td>
                        <td><input type="text" class="inp-text full bgc1" /></td>
                        <td><span class="select-focus"></span></td>
                        <td><span class="select-focus"></span></td>
                        <td><span class="select-focus"></span></td>
                        <td><span class="select-focus"></span></td>
                    </tr>
                    <tr>
                        <td class="bgc3">3</td>
                        <td>
                            <a href="javascript:void(0)" class="fa fa-plus inline-block c5"></a>
                            <a href="javascript:void(0)" class="fa fa-minus inline-block c5"></a>
                        </td>
                        <td><input type="text" class="inp-text full bgc1" /></td>
                        <td><input type="text" class="inp-text full bgc1" /></td>
                        <td><span class="select-focus"></span></td>
                        <td><span class="select-focus"></span></td>
                        <td><span class="select-focus"></span></td>
                        <td><span class="select-focus"></span></td>
                    </tr>
                    <tr><td colspan="8" class="h8 bgc3"></td></tr>
                    <tr><td colspan="8"></td></tr>
                </table>
            </div>
        </div>
    </div>
</body>
</html>
